.w {
    width: 1200px;
    margin: 0 auto;
}
header {
     height: 84px;
    border-bottom: 2px solid #c81523;
}
/* 注意 如果父元素中的子元素设置margintop 会出现内边距塌陷问题,
解决方法:1.使用padding  2.overflowhidden */
.logo {
    /* margin-top: 18px; */
    padding-top: 18px;
}
.registerarea {
     height: 522px;
    border: 1px solid #ccc;
    margin-top: 20px;
    margin: 0 auto;
}
.registerarea_hd {
    height: 42px;
    border-bottom:1px solid #ccc;
    background-color: #f9f9f9;
    font-size: 18px;
    line-height: 42px;
    padding: 0 15px;

}
.registerarea_hd .login{
    float: right;
    font-size: 14px;

}
.register_form {
    width: 600px;
     margin: 50px auto 0;

}
.register_form ul li {
    margin-bottom: 20px;
}
/* label是行内元素 */
.register_form ul li label {
    display: inline-block;
    width: 88px;
    text-align: right;
 }
.register_form ul li .inp {
    width: 242px;
    height: 37px;
    margin: 0 10px;
    border: 1px solid #ccc;
}
 
.error::before,
.success::before 
{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
     background: url(../images/error.png);
     margin-right: 5px;
}
.success::before{
    background: url(../images/success.png);
}
.safe {
    padding-left: 170px;
}
.safe em {
    color: white;
    padding: 0 12px;
}
.agree {
    padding-left: 100px;
    
}
.agree input {
    vertical-align: middle;
    margin-right: 5px;
}
.agree a {
    margin-left: 5px;
    color: blue;
}
.post {
    width: 200px;
    height: 35px;
    background-color: #c81523;
    color:white;
    margin-left: 100px;
}



/*底部模块*/
.footer {
    height: 415px;
    background-color: #f5f5f5;
    padding-top: 30px;
}
.mod_service {
    height: 80px;
    border-bottom: 1px solid #ccc;
}
.mod_service ul li {
    float: left;
    display: block;
    width: 300px;
    height: 50px;
     padding-left: 35px;
}

.mod_service_icon {
    float: left;
width: 50px;
height: 50px;
 margin-right: 5px;
/* 设置精灵图 */
background: url(../images/icons.png) no-repeat -252px -2px;
}
.mod_service .mod_service_title {
    padding-top: 5px;
  }
 .mod_service .mod_service_title h4 {
     font-size: 14px;
     color: #333333;
 }
 .mod_help {
     height: 185px;
      border-bottom: 1px solid #ccc;
     padding-top: 20px;

 }
 .mod_help dl {
     float: left;
     width: 200px;
     height: 100%;
     padding-left: 50px;
 }
 .mod_help dl dt {
     font-size: 16px;
     color: #333333;
     margin-bottom: 5px;
 }
 .mod_help dl dd {
    font-size: 14px;
 }
 /* 多个dl可以 使用:last-child 结构伪类选择器 */
.mod_help dl:last-child {
    text-align: center;
    padding-left: 35px;
}
.mod_copyright {
    padding-top: 20px;
    text-align: center;
    line-height: 25px;
}
.mod_copyright .links{
    margin-bottom: 10px;
} 